doctype html
head
    meta(charset='utf-8')
    link(rel='stylesheet', href='css/index.css')
body
    .container
        .row.bootstrap
            h2 表单 bootstrap 默认样式
            form
                .form-group
                    label(for="name") Input 默认样式
                    input#name.input.form-control(placeholder="Input 默认样式")
                .form-group
                    label(for="password") 密码
                    input#password.input.form-control(placeholder="Input 默认样式")
                .checkbox
                    label.
                        <input type='checkbox'> checkbox
                .radio
                    label.
                        <input type='radio' name='radio'> radioA
                    label.
                        <input type='radio' name='radio'> radioB
                button.btn.btn-default(type='submit') 提交
            h2 表单 bootstrap 内联样式
            form.form-inline
                .form-group
                    label(for="name") Input 默认样式
                    input#name.input.form-control(placeholder="Input 默认样式")
                .form-group
                    label(for="password") 密码
                    input#password.input.form-control(placeholder="Input 默认样式")
                .form-group
                    .checkbox
                        label.
                            <input type='checkbox'> checkbox
                .form-group
                    .radio
                        label.
                            <input type='radio' name='radio'> radioA
                        label.
                            <input type='radio' name='radio'> radioB
                .form-group
                    button.btn.btn-default(type='submit') 提交

            h2 表单 bootstrap 水平样式
            form.form-hor
                .form-group
                    label.col-3(for="name") Input 默认样式
                    .col-9
                        input#name.input.form-control(placeholder="Input 默认样式")
                .form-group
                    label.col-3(for="password") 密码
                    .col-9
                        input#password.input.form-control(placeholder="Input 默认样式")
                .form-group
                    .checkbox.col-offset-3
                        label.
                            <input type='checkbox'> checkbox
                .form-group
                    .radio.col-offset-3
                        label.
                            <input type='radio' name='radio'> radioA
                        label.
                            <input type='radio' name='radio'> radioB
                .form-group
                    button.col-offset-3.btn.btn-default(type='submit') 提交


